<form class="form-horizontal" role="form" name="logFrom" novalitedate>
  <div class="form-ctrl md-whiteframe-z1">
    <div class="form-search" style="height:220px;" ng-class="{true: 'shou'}[shoumun==0]" >
        <div >
        <label>用户名</label>
        <md-input-container flex >
           <label>请输入用户名</label>
           <input  name="roleCode" ng-model='queryParam.userName'></input>
        </md-input-container>
      </div>
      
       <div >
        <label>用户姓名</label>
        <md-input-container flex >
           <label>请输入用户姓名</label>
           <input  name="roleName" ng-model='queryParam. realName'></input>
        </md-input-container>
      </div>

      <div > 
        <label>手机号</label>
         <md-input-container flex >
           <label>请输入手机号</label>
           <input   ng-model='queryParam.phone'></input>
        </md-input-container>
      </div>  

      <div >
        <label >所属角色</label>
        <md-input-container flex>
        <label >请输入所属角色</label>
        <input   ng-model='queryParam.roleName'></input>
      </md-input-container>
      </div>
    </div>
    <!-- 查询按钮 -->
      <i class="glyphicon glyphicon-chevron-up shrinkage" ng-click="shoumun=0"></i>
       <md-button ng-click="queryAllChannel()" ng-click="shoumun==1?shoumun=0:shoumun=1" class="md-fab md-primary md-hue-1" ng-disabled ='stForm.$invalid' aria-label="Profile">
        <i class="glyphicon glyphicon-arrow-down" style="margin-top:28px;" ng-show="shoumun==0"></i>
         <i class="glyphicon glyphicon-search" ng-show="shoumun==1"></i>
        </md-button>
  </div>
</form>
<div>
  <div class="table-info">
    <div class="menus">
      <md-button class="md-raised" ng-click="addU($event)">添加用户</md-button>
      <md-button class="md-raised" ng-click="modifyU($event)">修改用户</md-button>
      <md-button class="md-raised" ng-click="delUser()">删除用户</md-button>
      <md-button class="md-raised" ng-click="pwdReset()">重置密码</md-button>
      </br>
    </div>
    <div>
      <div class="table-detail">
        <div class="t_r">
          <table class="table table-bordered">
            <thead>
            <tr>
              <th width="3%"></th>
              <th width="10%">用户名</th>
              <th width="10%">用户姓名</th>
              <th width="5%">用户性别</th>
              <th width="12%">手机号码</th>
              <th width="18%">用户邮箱</th>
              <th width="10%">所属角色</th>
              <th width="16%">有效时间</th>
              <th width="16%">创建时间</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat='user in  htmlData.queryResult.userData'>
              <td width="3%">
                <md-checkbox ng-click='getIds(user)' aria-label="Checkbox" style="margin: 0px;"></md-checkbox>
              </td>
              <td width="10%">{{ user.userName }}</td>
              <td width="10%">{{ user.realName }}</td>
              <td width="5%">{{ user.sex | sexFilter }}</td>
              <td width="12%">{{ user.phone }}</td>
              <td width="18%">{{ user.email }}</td>
              <td width="10%"> {{user.roleName}}</td>
              <td width="16%">{{ user.expTime }}</td>
              <td width="16%">{{ user.creTime }}</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>

      <div ng-if="htmlData.queryResult.isQuery">
        <ds-page
          total-count="htmlData.queryResult.totalCount"
          page-size="htmlData.queryParam.page.pageSize"
          page-itmes="pageItmes"
          param="htmlData.queryParam"
          current-page="htmlData.queryParam.page.currentPage"
          go-page="queryResultPage(htmlData.queryParam)"
          page-size-change="pageSizeChange(htmlData.queryParam.page.pageSize)"
          show-max-page="5"
          first-text="<<"
          last-text=">>"
          previous-text="<"
          next-text=">"
        </ds-page>
      </div>
    </div>
  </div>
</div>